<template>
  <!-- 底部导航 -->
  <van-tabbar v-model="tabActive">
    <van-tabbar-item icon="home-o" to="/">首页</van-tabbar-item>
    <van-tabbar-item icon="fire-o">专题</van-tabbar-item>
    <van-tabbar-item icon="apps-o" to="/category">分类</van-tabbar-item>
    <van-tabbar-item icon="shopping-cart-o" to="/buycart"
      >购物车</van-tabbar-item
    >
    <van-tabbar-item icon="contact">我的</van-tabbar-item>
  </van-tabbar>
</template>

<script>
export default {
  data() {
    return {
      tabActive: 2,
    };
  },
  mounted() {
    switch (this.$route.path) {
      case "/category":
        this.tabActive = 2;
        break;
      case "/":
        this.tabActive = 0;
        break;
      default:
        this.tabActive = 0;
        break;
    }
  },
};
</script>